<template>
	<div>
		<div class="profile-page">
			<div class="user-info">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 col-md-10 offset-md-1">
							<img class="user-img" />
							<h4>Eric Simons</h4>
							<p>Cofounder @GoThinkster, lived in Aol's HQ for a few months, kinda looks like Peeta from the Hunger Games</p>
							<button class="btn btn-sm btn-outline-secondary action-btn">
								<i class="ion-plus-round"></i>
								&nbsp;
								Follow Eric Simons
							</button>
						</div>
					</div>
				</div>
			</div>

			<div class="container">
				<div class="row">
					<div class="col-xs-12 col-md-10 offset-md-1">
						<div class="articles-toggle">
							<ul class="nav nav-pills outline-active">
								<li class="nav-item">
									<a class="nav-link active" href>My Articles</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href>Favorited Articles</a>
								</li>
							</ul>
						</div>

						<div class="article-preview">
							<div class="article-meta">
								<a href>
									<img src="http://i.imgur.com/Qr71crq.jpg" />
								</a>
								<div class="info">
									<a href class="author">Eric Simons</a>
									<span class="date">January 20th</span>
								</div>
								<button class="btn btn-outline-primary btn-sm pull-xs-right">
									<i class="ion-heart"></i> 29
								</button>
							</div>
							<a href class="preview-link">
								<h1>How to build webapps that scale</h1>
								<p>This is the description for the post.</p>
								<span>Read more...</span>
							</a>
						</div>

						<div class="article-preview">
							<div class="article-meta">
								<a href>
									<img src="http://i.imgur.com/N4VcUeJ.jpg" />
								</a>
								<div class="info">
									<a href class="author">Albert Pai</a>
									<span class="date">January 20th</span>
								</div>
								<button class="btn btn-outline-primary btn-sm pull-xs-right">
									<i class="ion-heart"></i> 32
								</button>
							</div>
							<a href class="preview-link">
								<h1>The song you won't ever stop singing. No matter how hard you try.</h1>
								<p>This is the description for the post.</p>
								<span>Read more...</span>
								<ul class="tag-list">
									<li class="tag-default tag-pill tag-outline">Music</li>
									<li class="tag-default tag-pill tag-outline">Song</li>
								</ul>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
     // 路由匹配之前先执行中间件
    middleware:'authenticated',
};
</script>

<style>
</style>